

#Contenitore {
  transform: translate(-18.87%,-18.87%) scale(62.25%);
  width:2543px;
  height: 2438.5px;
  float: left;
  margin: -8px 0 0 -8px;
}

#top {
  width:2543px;
  height:111px;
}

#drop-menu {
	margin-top: -131px;
	padding: 0;
	width: 2543px;
  font-family: arial;
  color: #2572aa;
}

#bottom {
  width:2543px;
  height:257px;
  float: left;
  margin-top: 45px;
  font-family: arial;
  background-color: #0b99d7;
  font-size: 30px;
}

.box {
  width:114px;
  height:111px;
  margin-left: 407.5px;
  float: left;
}

.hyperbox {
  position: fixed;
  width: 2543px;
  height: 111px;
  background-color: white;
}

.hyperbox-m {
  width: 360px;
  height: 83px;
  position: absolute;
  top:-150%;
  left:50%;
  opacity:0;
  transform: translate(-50%,-50%) scale(1.25);
  padding: 2% 2%;
  transition:top 0ms ease-in-out 200ms,
             opacity 200ms ease-in-out 0ms,
             transform 200ms ease-in-out 0ms;
}

.box2 {
  width:1260px;
  height:740px;
  background-image: url("mani alzate.png");
  background-size: 1260px 740px;
  background-repeat: no-repeat;
  margin-left: 641.5px;
}

.box3 {
  width: 1540px;
  font-family: Helvetica;
  text-align: justify;
  padding-top: 7px;
  margin-left: 501.5px;
}

.box4 {
  float: left;
  width: 1008px;
  height: 1013px;
  font-family: Helvetica;
  text-align: justify;
  margin-left: 118px;
  margin-top: 60px;
}

.box5 {
  float: left;
  width:1008px;
  height:1008px;
  margin: 65px 0 0 118px;
}

.box6 {
  float: left;
  width:1008px;
  height:720px;
  margin: 105px 0 0 176px;
}

.box7 {
  float: left;
  width: 1008px;
  height:580px;
  font-family: Helvetica;
  text-align: justify;
  margin-left: 176px;
  margin-top: 245px;
}

.box8 {
  float: left;
  font-family: Helvetica;
  margin-top: 70px;
  margin-left: 991px;
}

.box9 {
  padding-top: 25.5px;
  padding-left: 76px;
  float: left;
  color:white;
}

.box10 {
  float: left;
  text-align: center;
  margin-top: 25.5px;
  margin-left: 360px;
  color: #f8db11;
  line-height:15px;
}

.box11 {
  float: left;
  width:254px;
  height:103px;
  margin-top: -195px;
  margin-left: 1907px;
}

.footer {
  text-align: center;
  background-color: #2572aa;
  float: left;
  width:2543px;
  height:71px;
}

.box img{
  width:114px;
  height:111px;
}

.box3 h1 {
  color: #0b99d7;
  font-size: 45px;
  text-align: center;
}

.box3 p {
  font-size: 25px;
  line-height: 28px;
}

.box3 br {
  line-height: 18px;
}

.box3 li {
  font-size: 25px;
}

.box4 h2 {
  color: #f8db11;
  font-size: 35px;
  text-align: center;
}

.box4 p {
  font-size: 25px;
  line-height: 28px;
}

.box4 br {
  line-height: 18px;
}

.box4 li {
  font-size: 25px;
}

.box5 img{
  width:1008px;
  height:1008px;
  border-radius: 50px;
}

.box6 img{
  width:1008px;
  height:720px;
  border-radius: 50px;
}

.box7 h2 {
  color: #7bc353;
  font-size: 35px;
  text-align: center;
}

.box7 p {
  font-size: 25px;
  line-height: 28px;
}

.box7 br {
  line-height: 18px;
}

.box8 a {
  color: #0b99d7;
  font-size: 28px;
  text-align: center;
  line-height: 0;
}

.box9 br{
  display: block;
  margin: 7px;
}

.box10 a{
  color: white;
}

.box10 br{
  display: block;
  margin: 30px;
}

.box11 img{
  width:254px;
  height:103px;
  margin-top: 0;
}

.footer h2{
  padding-top: 2.5px;
  font-family: arial;
  color: white;
  font-size: 24px;
}

#top a{
  color: #2572aa;
  text-decoration: none;
}

ul#menu {
	margin:2.5% 0 0;
	padding: 0;
	list-style: none;
	float:left;
	width: 72%;
}

ul#menu li {
  margin-left: 2.05%;
  margin-top: -3%;
	padding:0;
	float:left;
	display: block;
	position: relative;
}

ul#menu li a {
	float: left;
	padding:6% 15px;
}

ul#menu li h2 {
  font-size: 24px;
}

ul#menu li h3 {
  font-size: 21px;
}

ul#menu li#z1 {
	padding:1.465% 0 0 0;
}

ul#menu li#z2 {
	padding:1.05% 0 0 0;
}

ul#menu li#z3 {
	padding:1.375% 0 0 0;
}

ul#menu li#z4 {
	padding:0.65% 0 0 0;
}

ul#menu li#z5 {
	padding:1.05% 0 0 0;
}

ul#menu li#z6 {
	padding:1.2% 0 0 0;
}

ul#menu li#z7 {
	padding:0.85% 0 0 0;
}

ul#menu ul {
	padding:0;
  padding-top: 2.5%;
	display:inline-block;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index:9999;
  background-color: white;
  box-shadow: 0 0 2px 2px rgba(247,247,247,1);
}

ul#menu ul#cooperativa {
  padding-top: 5.25%;
  width: 100%;
  margin-top: 28%;
  height: 281%;
}

ul#menu ul#servizi {
  padding-top: 6.5%;
  width: 125%;
  margin-top: 50%;
  height: 216.5%;
}

ul#menu ul#prenestinapuntocom {
  width: 53%;
  margin-top: 25%;
  margin-left: 23%;
  height: 155.5%;
}

ul#menu ul#formazione {
  padding-top: 7%;
  width: 135%;
  margin-top: 35%;
  height: 301%;
}

ul#menu li:hover ul {
	opacity: 1;
	visibility: visible;
}

ul#menu ul li {
	float: none;
	display: block;
	border: 0;
}

ul#menu ul a {
	padding:4.8%;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}

ul#menu ul a:hover {
	background-color: #0b99d7;
	color:#f8db11;
}

ul#menu ul#cooperativa a:hover {
  width: 88.5%;
}

ul#menu ul#servizi a:hover {
  width: 88%;
}

ul#menu ul#prenestinapuntocom a:hover {
  width: 88.5%;
}

ul#menu ul#formazione a:hover {
  width: 88.5%;
}
